<template>
	<view class="load" v-if="!load">
		<u-loading-icon mode="circle" inactive-color="#fff" text="正在加载..." vertical></u-loading-icon>
	</view>
	<view v-else style="height: 100vh;overflow: hidden;">
		<!-- <scroll-view class="scroll-view" scroll-y="true" @scroll="onScroll"> -->
		<view style="height: 100%;overflow: auto;">
			<view>
				<!-- <view class="page_top" id="navBox" :style="{
					background: topNav ? '#eceff9' : 'transparent',
					'z-index': 199,
				}">
					<top-status id="navTime"></top-status>
					<view class="tabs" :style="{
						background: topNav ? '#eceff9' : 'transparent',
						'z-index': 199,
					}">
						{{ topNav ? '我的' : '' }}
					</view>
				</view> -->
				<view class="bg">
					<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17152338631951440.png"
						mode="aspectFill"></image>
				</view>
			</view>
			<view>
				<view class="wap">
					<view class="user_info">
						<view class="cover">
							<image v-if="user.IsAuth == 0" class="userimg"
								:src="ossPath + '/upload/17164562826831461.png'">
							</image>
							<image v-else class="userimg" :src="user.HeadImgUrl" mode="aspectFill" />
							<view v-if="user.Tag == '教练'" class="coachbox">
								<!-- <text class="autext">教练</text> -->
								<image class="coachimg" :src="ossPath + '/upload/1710904474666454.png'"></image>
							</view>
							<view v-if="user.Tag == '星助教'" class="assbox">
								<!-- <text class="autext">星助教</text> -->
								<image class="assistantimg" :src="ossPath + '/upload/1710904456266854.png'"></image>
							</view>
						</view>
						<view class="info" v-if="user.IsAuth == 1" @click="nav_to('/pages/user/user_edit')">
							<view class="info_box">
								<view class="name">
									<view class="f1 c1 f1 c1 name_text u-line-1">{{ $util.entitiesToUtf16(user.Name)
										}}
									</view>
									<view class="vip_icon" v-if="user.IsAuth != 0 && user.UserType != '普通用户'">
										<image
											src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1716367597061433.png"
											mode="widthFix"></image>
									</view>
								</view>
								<!-- <view class="descript hiddenText" v-if="user.Descript">
								{{ $util.entitiesToUtf16(user.Descript) }}
							</view> -->
								<view class="taglist">
									<view class="tag" v-for="(item, index) in Taglist" :key="index">
										{{ item }}
									</view>
								</view>
							</view>
							<view class="info_icon" v-if="IsManager" @click.stop="nav_to('/pages/manage/main')">
								<view class="manageBoxx">
									<view class="icon_" style="width: 60rpx;">
										<image
											:src="'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17168603863421159.png'"
											mode="widthFix"></image>
									</view>
									<view class="mBtitle">平台管理</view>
								</view>

							</view>
							<view class="info_icon">
								<view class="icon_">
									<image
										:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1717669109815901.png'"
										mode="widthFix"></image>
								</view>
							</view>


						</view>
						<view class="info_editor" v-if="user.IsAuth == 0">
							<view class="register_btn" @click="nav_to('/pages/start/start2')">
								<view class="starttitle">注册账号</view>
								<image class="goimg" :src="ossPath + '/upload/1711003960492543.png'"></image>
							</view>
						</view>
					</view>
				</view>
				<view class="vipBox" v-if="user.IsAuth == 0 || user.UserType == '普通用户'">
					<view class="vip_info">
						<view class="vip_icon">
							<image src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1717660091527787.png"
								mode="aspectFill"></image>
						</view>
						<view class="vip_text">
							<view class="vip_tit">
								挥卡<text class="vip">VIP</text>
							</view>
							<view class="vip_lit">

								{{ $util.getSystemUtils(true) == 'ios' ? '会员享更多权益' : '开通会员享更多权益' }}
							</view>

						</view>

					</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">{{ $util.getSystemUtils(true) == 'ios' ? '会员信息' : '立即开通' }}</text>
						<image class="rimg" :src="ossPath + '/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view class="vipBox vipBox_is" v-else>
					<view class="vip_info">
						<view class="vip_icon">
							<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1717153549109893.png"
								mode="aspectFill"></image>
						</view>
						<view class="vip_text">
							<view class="vip_tit">
								挥卡<text class="vip">VIP</text>
							</view>
							<view class="vip_lit">
								{{ '有效期至' + getTime2(IsExpiredUser.ExpiredDate) }}
							</view>
						</view>

					</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">{{ $util.getSystemUtils(true) == 'ios' ? '立即延长' : '立即续费' }}</text>
						<image class="rimg" :src="ossPath + '/upload/1716365139535857.png'"></image>
					</view>
				</view>
				<!-- 5.09 -->
				<!-- <view>
				<view v-if="user.UserType == '普通用户'" class="vipbox">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/1711003946324159.png'"></image>
						<text class="viptext">会员专享福利</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">首充6折</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view v-if="user.UserType == '体验会员'" class="vipbox1">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/1711010269728487.png'"></image>
						<text class="viptext">体验金卡</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">首充6折</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view v-if="user.UserType == '金卡会员'" class="vipbox2">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/1711010269728487.png'"></image>
						<text class="viptext">金卡会员</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">会员续费</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view v-if="user.UserType == '年卡会员'" class="vipbox3">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/17110103973551137.png'"></image>
						<text class="viptext">年卡会员</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">会员续费</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view v-if="user.UserType == '黑金卡会员'" class="vipbox3">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/17110103973551137.png'"></image>
						<text class="viptext">年卡会员</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">会员续费</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
				<view v-if="user.UserType == '黑金年卡会员'" class="vipbox4">
					<view class="vipimgbox">
						<image class="vipimg" :src="ossPath+'/upload/17110103973551137.png'"></image>
						<text class="viptext">黑金年卡</text>
					</view>
					<view class="context">加好友、加微信、定制滑雪等权限</view>
					<view @click="sub" class="vipbutton">
						<text class="vipcon">会员续费</text>
						<image class="rimg" :src="ossPath+'/upload/1711003960492543.png'"></image>
					</view>
				</view>
			</view> -->






				<view class="myusebox">
					<view @click="mysub(item, index)" class="myuse" :class="index == 4 ? 'userTab' : ''"
						v-for="(item, index) in myuser" :key="index">
						<image class="myuseimg" :src="item.Icon"></image>
						<view class="usetext">{{ item.Name }}</view>
						<view class="unReadNum" v-if="item.id == 3 && unReadNum > 0">{{ unReadNum > 99 ? "99+" :
							unReadNum
							}}</view>
					</view>
					<!-- <view class="count_news">
					
						{{ newVisitorCount > 99 ? '+99' : newVisitorCount }}
				</view> -->
				</view>
				<view class="nav_list">
					<view class="nav_main">
						<view class="nav_item" @click="goMyCircle()">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1722327131466757.png"
									mode="widthFix"></image>
								<view class="nav_text">我的圈子 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="goCiradd()">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1720231475686251.png"
									mode="widthFix"></image>
								<view class="nav_text">创建圈子 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/together/to_order')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1723028660169280.png"
									mode="widthFix"></image>
								<view class="nav_text">活动订单 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/re_order?type=1')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1723028640565962.png"
									mode="widthFix"></image>
								<view class="nav_text">课程订单 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item" @click="isNavTo('/pages/user/wx_order')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1723028640565962.png"
									mode="widthFix"></image>
								<view class="nav_text">微信号购买记录</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view> -->
						<!-- <view class="nav_item" @click="isNavTo('/pages/ball/ball_list_user?title=找私教管理&index=2')">
						<view class="nav_box">
							<image class="nav_img" src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718352396370700.png" mode="widthFix"></image>
							<view class="nav_text">找私教管理 </view>
							<view class="unReadNum diyMargin" v-if="listUnReadNum[1].Num>0">{{listUnReadNum[1].Num>99?"99+":listUnReadNum[1].Num}}</view>
						</view>
						<image class="rimg" :src=" ossPath+'/upload/1711011951088796.png'" mode="widthFix"></image>
					</view>
					<view class="nav_item" @click="isNavTo('/pages/ball/ball_list_user?title=招学员管理&index=1')">
						<view class="nav_box">
							<image class="nav_img" src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718352429625617.png" mode="widthFix"></image>
							<view class="nav_text">招学员管理 </view>
							<view class="unReadNum diyMargin" v-if="listUnReadNum[2].Num>0">{{listUnReadNum[2].Num>99?"99+":listUnReadNum[2].Num}}</view>
						</view>
						<image class="rimg" :src=" ossPath+'/upload/1711011951088796.png'" mode="widthFix"></image>
					</view> -->
						<view class="nav_item" @click="isNavTo('/pages/ball/ball_list_user?title=订场订单&index=3')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718352444909711.png"
									mode="widthFix"></image>
								<view class="nav_text">订场订单 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item" @click="isNavTo('/pages/mall/gd_shop')" v-if="IsOpenAuth == 1">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1723534312773424.png"
									mode="widthFix"></image>
								<view class="nav_text">挥豆商城</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view> -->
						<view class="nav_item" @click="isNavTo('/pages/order/orderList')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1723534312773424.png"
									mode="widthFix"></image>
								<view class="nav_text">商城订单</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item">
							<view class="nav_box" @click="isNavTo('/pages/user/contactManager')">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/171835245763435.png"
									mode="widthFix"></image>
								<view class="nav_text">极速联系</view>
								<block v-if="listUnReadNum.length > 0">
									<view class="unReadNum diyMargin" v-if="listUnReadNum[3].Num > 0">
										{{ listUnReadNum[3].Num > 99 ? "99+" : listUnReadNum[3].Num }}</view>
								</block>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view> -->

						<view v-if="isShop == 1" class="nav_item" @click="isNavTo('/pages/teacher/authentica?index=1')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17168603863421159.png"
									mode="widthFix"></image>
								<view class="nav_text">商家管理 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
					</view>
					<view class="nav_main" v-if="myCirList.length > 0">
						<view class="Techntext">圈主管理</view>
						<view class="nav_item" @click="isNavTo('/pages/together/cir_people')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1733987253253966.png"
									mode="widthFix"></image>
								<view class="nav_text">圈子管理</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/ball/ball_list_user?title=活动管理&index=0')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17183523884701123.png"
									mode="widthFix"></image>
								<view class="nav_text">活动管理</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/together/cir_commis')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17202314930351045.png"
									mode="widthFix"></image>
								<view class="nav_text">圈主收益</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
					</view>
					<view class="nav_main" v-if="user.IsTechnician == 1">
						<view class="Techntext">教练管理</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/detail?id=' + user.TechnicianID)">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1715249755874458.png'"
									mode="widthFix"></image>
								<view class="nav_text">主页编辑</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/re_order?type=2')">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1720231306342264.png'"
									mode="widthFix"></image>
								<view class="nav_text">预约管理</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/my_server?id=' + user.TechnicianID)">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1720231475686251.png'"
									mode="widthFix"></image>
								<view class="nav_text">课程管理 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/te_commis')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17202314930351045.png"
									mode="widthFix"></image>
								<view class="nav_text">教练收益</view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item" @click="isNavTo('/pages/teacher/teacher_edit?id='+user.TechnicianID)">
						<view class="nav_box">
							<image class="nav_img"
								src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1720780048009914.png"
								mode="widthFix"></image>
							<view class="nav_text">编辑资料 </view>
						</view>
						<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix"></image>
					</view> -->
					</view>

					<view class="nav_main">
						<view class="nav_item" @click="isNavTo('/pages/user/spread')">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17183524967981319.png'"
									mode="widthFix"></image>
								<view class="nav_text diyInvite">邀请好友 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="isNavTo('/pages/teacher/authentica?index=0')"
							v-if="IsOpenAuth == 1">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718352519699959.png"
									mode="widthFix"></image>
								<view class="nav_text">我的认证 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item" @click="isNavTo('/pages/court/sportAssistant')">
						<view class="nav_box">
							<image class="nav_img" src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17181870642181006.png" mode="widthFix"></image>
							<view class="nav_text">挥友助手 </view>
						</view>
						<image class="rimg" :src=" ossPath+'/upload/1711011951088796.png'" mode="widthFix"></image>
					</view> -->
						<view class="nav_item" @click="isNavTo('/pages/court/score_detail')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/171835253292722.png"
									mode="widthFix"></image>
								<view class="nav_text">高尔夫记分器 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
					</view>

					<view class="nav_main">
						<view class="nav_item"
							@click="user.IsAuth == 0 ? nav_to('/pages/start/start2') : nav_to('/pages/user/about?id=1&title=关于挥友圈')">
							<view class="nav_box">
								<image class="nav_img"
									src="https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718352544664529.png"
									mode="widthFix"></image>
								<view class="nav_text">关于挥友圈 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- <view class="nav_item" v-if="true" @click="nav_to('/pages/manage/main')">
						<view class="nav_box">
							<image class="nav_img" :src="ossPath+'/upload/1711012045486735.png'" mode="widthFix"></image>
							<view class="nav_text">平台运营 </view>
						</view>
						<image class="rimg" :src=" ossPath+'/upload/1711011951088796.png'" mode="widthFix"></image>
					</view> -->
						<!-- #ifdef MP-WEIXIN -->
						<view class="nav_item">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718606404252623.png'"
									mode="widthFix"></image>
								<button style="background-color: #fff;" hover-class='none'
									class="nav_text f2 c1 con contact" type="default" open-type="contact">
									联系客服
								</button>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- #endif -->
						<!-- #ifdef APP-PLUS -->
						<view class="nav_item" @click="call_server('13028907782')">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718606404252623.png'"
									mode="widthFix"></image>
								<button class="nav_text" type="default" open-type="contact">
									联系客服
								</button>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="logout">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1735098302671769.png'"
									mode="widthFix"></image>
									<view class="nav_text">退出登录 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<!-- #endif -->
					</view>

					<!-- 5.09 -->
					<view class="nav_main" v-if="false">
						<!-- <view class="nav_item"
							@click="user.IsAuth == 0 ? nav_to('/pages/start/start2') : nav_to('/pages/user/spread')">
							<view class="nav_box">
								<image class="nav_img" :src="ossPath + '/upload/1711012012502420.png'" mode="widthFix">
								</image>
								<view class="nav_text">邀请推广 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="nav_to('/pages/user/settings')">
							<view class="nav_box">
								<image class="nav_img" :src="ossPath + '/upload/1711012028437514.png'" mode="widthFix">
								</image>
								<view class="nav_text">系统设置 </view>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view>
						<view class="nav_item" @click="nav_to('/pages/court/mycoupon')">
							<view class="nav_item_icon">
								<uni-icons type="map" size="24" color="#000000"></uni-icons>
							</view>
							<view class="f2 con " style="color:#333333;font-size: 28rpx;">用户福利</view>
							<view class="arr_r">
								<uni-icons color="#A8A8AB" type="right" size="14"></uni-icons>
							</view>
						</view> -->
						<!-- #ifdef MP-WEIXIN -->
						<!-- <view class="nav_item">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718606144357361.png'"
									mode="widthFix"></image>
								<button style="background-color: transparent;" hover-class='none'
									class="nav_text f2 c1 con contact" type="default" open-type="contact">
									联系客服
								</button>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view> -->
						<!-- #endif -->
						<!-- #ifdef APP-PLUS -->
						<!-- <view class="nav_item" @click="call_server('13028907782')">
							<view class="nav_box">
								<image class="nav_img"
									:src="'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/1718606144357361.png'"
									mode="widthFix"></image>
								<button class="nav_text" type="default" open-type="contact">
									联系客服
								</button>
							</view>
							<image class="rimg" :src="ossPath + '/upload/1711011951088796.png'" mode="widthFix">
							</image>
						</view> -->

						<view class="nav_item" @click="logout">
							<view class="nav_item_icon">
								<uni-icons type="close" size="24" color="#ffffff"></uni-icons>
							</view>
							<view class="f2 c1 con">退出登录</view>
							<view class="arr_r">
								<uni-icons color="#A8A8AB" type="right" size="18"></uni-icons>
							</view>
						</view>
						<!-- #endif -->
					</view>




					<view style="height: 120rpx;"></view>
				</view>

			</view>
			<!-- </x-scroll> -->


			<uni-popup type="center" ref="signbox">
				<view class="sign_box">
					<view class="sign_img">
						<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1715827125446882.png"
							mode="widthFix"></image>
					</view>
					<view class="sign_info">
						<view class="sign_tit">
							签到成功
						</view>
						<view class="sign_num">
							<view class="num_icon">
								<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17152497707051371.png"
									mode="aspectFill"></image>
							</view>
							<view class="num_count">
								+1
							</view>
						</view>
						<view class="sign_lit">
							邀请好友可获得更多挥豆
						</view>
						<view class="sign_btn" @click="isNavTo('/pages/user/spread')">
							去邀请
						</view>
					</view>
					<view class="sign_close" @click="$refs.signbox.close()">
						<image src="https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17158306571711407.png"
							mode="aspectFill"></image>
					</view>
				</view>
			</uni-popup>

			<!-- 会员卡弹出 -->
			<!-- <uni-popup ref="member_card" type="center">
			<view v-if="ad_detail" class="membercard-popup">
				<view class="popup-title">
					<view  class="popup-close" @click="$refs['member_card'].close()">关闭</view>
				</view>
				<image :src="current_member_card_icon" mode="aspectFill"></image>

				<view class="down-close" @click="$refs['banner_ad'].close()">
					<uni-icons type="close" size="36" color="#fff"></uni-icons>
				</view>
			</view>

		</uni-popup> -->
		</view>
		<!-- </scroll-view> -->
	</view>
</template>

<script>
const { safeArea, windowHeight } = uni.getSystemInfoSync()
import topStatus from '@/components/topStatus/topStatus.vue';
export default {
	tabTop: 0,
	components: {
		topStatus,
	},
	data() {
		return {
			IsOpenAuth: 1,
			myCirList: [],
			topNav: false,
			isspread: false,
			BrowserNum: 0,
			myID: null,
			isModal: false,

			friendNum: 0,
			IsExpiredUser: {

			},
			newNum: 0,
			IsTrueName: false,
			userNums: {},
			_freshing: true,
			load: false,
			user: { IsAuth: 0 },
			Taglist: [], // 标签列表
			IsManager: false,

			lastTime: 0,
			groupList: [],
			list: [],
			userList: [], //群聊成员
			jioner: {}, //加入群聊新人

			newVisitorCount: 0,
			action_list: [],

			member_card_icon: [
				"https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/gold_card.png",
				"https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/black_gold_card.png",
				"https://golfdate.oss-cn-shenzhen.aliyuncs.com/icon/black_gold_card.png"
			],
			current_member_card_icon: '',
			myuser: [
				{
					Icon: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1715249755874458.png',
					Name: '主页',
					goto: '/pages/user/user_visitor',
					id: 1
				},
				{
					Icon: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17152497707051371.png',
					Name: '挥豆',
					goto: '/pages/user/user_score',
					id: 2
				},
				{
					Icon: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1716368670800450.png',
					Name: '消息',
					goto: `/pages/user/message/notice`,
					id: 3
				},
				{
					Icon: 'https://wavestation.oss-cn-shenzhen.aliyuncs.com/upload/17183523536291009.png',
					Name: '访客',
					goto: `/pages/user/seen`,
					id: 4
				},
				{
					Icon: 'https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1715249770736775.png',
					Name: '签到',
					goto: '',
					id: 5
				}
			],
			ossPath: null,
			height: '',
			navHeight: '',
			navTime: '',
			signedToday: false, // 默认今天未签到
			isShop: 0,
			unReadNum: 0,
			listUnReadNum: [],
			myCirList: [],//我创建的圈子列表

		}
	},
	computed: {
		getDay() {
			return l => {
				//console.log(l);
				let d = new Date(l);
				let timestamp = d.getTime();

				return this.$u.date(timestamp, 'yyyy-mm-dd');
			}
		},
	},
	onLoad() {
		//this.$nextTick(async () => {
		//	const h = await this.getHeight('#navBox')
		//	this.navHeight = h - 3
		//	this.navTime = await this.getHeight('#navTime')
		//	this.height = windowHeight - h - 40
		//})
		this.load = true;
		this.isMyshop();
		this.page_load();
		this.getMycirInfo()
		this.myID = uni.getStorageSync('user').UserID;
		if (uni.getStorageSync('isspread')) {
			this.isspread = uni.getStorageSync('isspread')
		}
	},
	onReady() {
		uni.setNavigationBarColor({
			frontColor: '#000000',
			backgroundColor: '#ffffff',
			animation: {
				duration: 400,
				timingFunc: 'easeIn'
			}
		})
	},
	onShow() {
		this.init();
		this.getMycirInfo()
		this.ossPath = this.$ossPath

	},
	onPullDownRefresh() {
		this.init();

		uni.stopPullDownRefresh();
	},
	onPageScroll(e) {
		//nvue暂不支持滚动监听，可用bindingx代替
		if (e.scrollTop > this.lastScrollTop) {
			// 向下滚动
			if (e.scrollTop >= 100) {
				this.topNav = true; // 你的逻辑
			}
			this.IsOpenBg = false; // 滚动条向上滚时执行的逻辑
		} else {
			// 向上滚动
			if (e.scrollTop < 100) {
				this.topNav = false; // 你的逻辑
			}
		}
		this.lastScrollTop = e.scrollTop <= 0 ? 0 : e.scrollTop;
	},

	methods: {
		async AppAuth() {
			let res1 = await this.$api.post('Common/AppAuth')
			if (res1.code == 0) {
				this.IsOpenAuth = res1.data.IsOpenAuth
			}
		},
		async getMycirInfo() {
			let res = await this.$api.post("Team/MyCreateTeam");
			if (res.code == 0) {
				this.myCirList = res.data || [];
			}
		},
		onScroll(event) {
			// 获取滚动条当前位置
			if (event.detail.scrollTop >= 75) {
				this.topNav = true;
			} else {
				this.topNav = false;
			}
		},
		async getUnReadNum() {
			let msgRes = await this.$api.post('/MessageBox/MyNotReadMessage');
			this.unReadNum = msgRes?.data.length || 0

			let res = await this.$api.post("Appointment/GetQuickDealMessage")
			const { code, data } = res
			if (code == 0) {
				this.listUnReadNum = data || []
			} else {
				this.$pv.message('数据异常')
			}
			// console.log(this.listUnReadNum, '3333333');
		},
		async isMyshop() {
			let res = await this.$api.post('Shops/MyShop')
			if (res.code == 0) {
				if (res.data) {
					this.isShop = res.data.Status
				}

			}
		},
		getTime2(l) {
			let d = new Date(l);
			let timestamp = d.getTime();
			return this.$u.date(timestamp, 'yyyy-mm-dd');
		},
		isNavTo(url) {
			if (this.user.IsAuth != 1) {
				this.nav_to('/pages/start/start2')
			} else {
				this.nav_to(url)
			}
		},
		// 获取我创建的圈子信息
		async getMycirInfo() {
			let res = await this.$api.post("Team/MyCreateTeam");
			if (res.code == 0) {
				this.myCirList = res.data || [];
			}
		},
		goCiradd() {
			if (this.user.IsAuth != 1) {
				this.nav_to('/pages/start/start2')
			} else {
				if (this.myCirList.length >= 3) {
					this.$pv.msg('您最多只能创建3个圈子')
				} else {
					this.nav_to('/pages/together/cir_add')
				}

			}
		},
		getHeight(id) {
			return new Promise(resolve => {
				let query = uni.createSelectorQuery().in(this);
				query.select(id).boundingClientRect();
				query.exec((res) => {
					resolve(res[0].height)
				})
			})
		},
		delspr() {
			this.isspread = true
			uni.setStorageSync('isspread', this.isspread);
		},
		// 签到
		async daySign() {
			if (!this.signedToday) { // 检查今天是否已经签到
				let res = await this.$api.post("Member/DaySign");
				if (res.code === 0) {
					this.$refs.signbox.open();
					this.signedToday = true; // 设置为已签到
				}
			} else {
				// 提示用户今天已经签到过了
				this.$pv.msg('今天已经签到过啦')
			}
		},
		//检查是否已经签到
		async checkIfSignedToday() {
			let res = await this.$api.post("Member/IsDaySign")
			if (res.code != 0) {
				this.signedToday = true;
				return;
			}
			this.signedToday = false;
		},
		//用户应用
		mysub(item, index) {
			console.log(item, index);
			if (this.user.IsAuth == 0) {
				this.$pv.msg('请先注册后再试')
				setTimeout(() => {
					this.nav_to('/pages/start/start2');
				}, 500)

			} else if (index == 0) {
				this.nav_to(`${item.goto}?id=${this.user?.ID}`)
				// if(this.user.IsTechnician == 1){
				// 	this.nav_to('/pages/teacher/detail?id='+this.user.TechnicianID)
				// }else{
				// 	this.nav_to(`${item.goto}?id=${this.user?.ID}`)
				// }

			} else if (index == 4) {
				this.daySign()
			} else {
				this.nav_to(item.goto)
			}
		},
		//未注册用户跳注册页面
		sub() {
			if (this.user.IsAuth == 0) {
				this.$pv.msg('请先注册后再试')
				setTimeout(() => {
					this.nav_to('/pages/start/start2');
				}, 500)

			} else {
				if (uni.getStorageSync('System') == 'ios') {
					this.$util.getSystemUtils(false, false)
				} else {
					this.nav_to('/pages/user/apply_member')
				}
			}
		},
		async getAction() {
			let res = await this.$api.post('Action/List', {
				ActType: '每周挑战'
			});
			this.action_list = res.data || [];
		},
		//下拉刷新
		async onRefresh() {

		},
		//滚动到底部触发
		async scrolltolower() {

		},

		async getIsExpiredUser() {
			let res = await this.$api.post('User/IsExpiredUser');
			if (res.data == null) {
				res.data = {};
			}
			this.IsExpiredUser = res.data;

		},

		async init() {

			let bro = await this.$api.post("/Member/BrowseMySelfNum")
			this.BrowserNum = bro.data || 0
			this.getIsExpiredUser();
			this.checkIfSignedToday()
			this.getUserInfo();
			this.getUnReadNum()
			let res = await this.$api.post('Company/IsCompanyAdmin');
			if (res.data)
				this.IsManager = true;

			let v_d = await this.$api.post('/Member/BrowseMySelfNum');
			let tmp_brower_num = 0;

			if (v_d.data) {
				tmp_brower_num = v_d.data;

				let local_num = uni.getStorageSync('BrowserNum');

				this.newVisitorCount = tmp_brower_num - local_num;
			}

			//用户应用
			let res2 = await this.$api.post('Module/List', {
				Type: 1,
				CompanyID: 6003
			});
			// 5.09
			// res2.data.map((item) => {
			// 	this.myuser.map((list, index) => {
			// 		if (item.ID == list.id) {
			// 			this.myuser[index] = {
			// 				...list,
			// 				...item
			// 			}
			// 		}
			// 	})
			// })
			// this.myuser = [...this.myuser]
		},
		async page_load() {
			await this.$api.post('/Common/Add_ViewPath', {
				Path: 'my',
				Platform: uni.getStorageSync('platform')
			});

			this.getAction();


		},

		async getSaleChannelDetail() {
			let res = await this.$api.post('/SaleChannel/SaleChannelDetail', {
				CompanyID: 6003
			});
			if (res.code == 0) {
				this.userNums = res.data;
			}


		},
		call_server(mobile) {

			uni.makePhoneCall({
				phoneNumber: mobile,
				// 成功回调
				success: (res) => {
					console.log('调用成功!')
				}, // 失败回调
				fail: (res) => {
					console.log('调用失败!')
				}
			});
		},
		async getFriendNum() {
			// let res = await this.$api.post('/Friend/MyFriends');
			// this.friendNum = res.data.length || 0;

			// let res2 = await this.$api.post('/Friend/PendingApply');
			// this.newNum = res2.data.length || 0;
		},
		async getUserInfo() {
			let u = uni.getStorageSync('user');
			let res = await this.$api.post('User/GetUserInfo', {
				ID: u.UserID
			});

			this.user = res.data;
			if (res.data.Tag) {
				this.Taglist = res.data.Tag.split(',')
			}

			this.IsTrueName = res.data.IsTrueName;

			uni.setStorageSync('user', this.user);

			this.$store.commit('setUser', this.user);

			this.getSaleChannelDetail();

			this.getFriendNum();

		},
		logout() {
			const _this = this;
			uni.showActionSheet({
				title: '是否确认退出？',
				itemList: ['退出登录'],
				async success(res) {
					if (res.tapIndex == 0) {
						uni.removeStorageSync('xj_token');
						uni.removeStorageSync('user');
						_this.$store.commit('setUser', {});
						_this.$store.commit('login', false);
						uni.reLaunch({
							url: '/pages/start/isLogin'
						})
					}
				}
			});
		},
		goMyCircle() {
			uni.setStorageSync('showMyCircle', 1)
			this.nav_to('/pages/tab/home')
		},

	},

}
</script>

<style lang="scss">
page {
	background-color: #F6F6F6;
}

.scroll-view {
	height: 100vh;
}

.nav_item_icon {
	margin-right: 20rpx;
}

button {
	text-align: left !important;
	height: 40rpx;
	display: flex;
	align-items: center;
	background-color: transparent;

}

button::after {
	border-radius: 0 !important;
	border: 0 !important;
}

.f2 {
	font-size: 34rpx;
}

.f1 {
	font-size: 34rpx;
}

.user_info {
	padding-top: 44rpx;
	display: flex;

	.cover {
		flex-shrink: 0;
		height: 112rpx;
		width: 112rpx;
		margin-right: 10rpx;
		position: relative;

		// margin-left: 26rpx;
		.userimg {
			height: 100%;
			width: 100%;
			border-radius: 50%;
		}

		.coachbox {
			position: absolute;
			left: 2rpx;
			bottom: -22rpx;

			.coachimg {
				width: 92rpx;
				height: 36rpx;
			}
		}

		.assbox {
			position: absolute;
			left: 2rpx;
			bottom: -22rpx;

			.assistantimg {
				width: 92rpx;
				height: 36rpx;
			}
		}
	}

	.signature {
		display: flex;
		align-items: center;

		.vID {
			font-size: 28rpx;
			color: #666666;
			margin-right: 10rpx;
		}

		.qr_b {
			width: 36rpx;
			height: 36rpx;
			margin-right: 8rpx;

			.qr_bimg {
				width: 100%;
				height: 100%;
			}
		}
	}

	.name {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.name_text {
			// width: 180rpx;
			// max-width: 180rpx;
			margin-right: 5rpx;
			font-weight: bold;
			font-size: 36rpx;
			color: #333333;
		}

		.real {
			display: flex;
			align-items: center;

			.realimg {
				width: 99rpx;
				height: 33rpx;
				margin-right: 8rpx;
			}
		}

		.vip_icon {
			width: 88rpx;
			display: flex;
			align-items: center;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.descript {
		font-weight: 500;
		font-size: 24rpx;
		color: #666666;
		width: 350rpx;
		margin-bottom: 14rpx;
	}


	.info {
		padding-left: 20rpx;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.info_box {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: center;

			.taglist {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
			}

			.tag {
				border-radius: 50rpx;
				color: #111;
				font-size: 22rpx;
				padding: 4rpx 12rpx;
				margin-right: 10rpx;
				margin-bottom: 10rpx;
				border: 2rpx solid #999999;
			}
		}

		.info_icon {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.icon_ {
				padding: 10rpx;
				width: 50rpx;
				height: 50rpx;
				display: flex;
				align-items: center;
				justify-content: center;

				image {
					width: 90%;
					height: 90%;
				}
			}
		}

		.manageBoxx {
			display: flex;
			align-items: center;

			>.mBtitle {
				font-size: 30rpx;
				color: #333333;
			}
		}
	}

	.authenticabox {
		width: 112rpx;
		height: 48rpx;
		border-radius: 24rpx;
		border: 1rpx solid #95969B;
		// padding: 0 10rpx;
		box-sizing: border-box;
		text-align: center;
		display: flex;
		// justify-content: space-around;
		align-items: center;
		margin-right: 12rpx;

		.autext {
			// margin-top: 5rpx;
			margin-left: 25rpx;
			font-size: 24rpx;
			color: #333333;
		}

		.auimg {
			width: 14rpx;
			height: 34rpx;
		}
	}

	.huiyuanbox {
		width: 144rpx;
		height: 48rpx;
		position: relative;
		text-align: center;
		margin-right: 5rpx;

		.vipiconimg {
			width: 144rpx;
			height: 48rpx;
			vertical-align: middle;
		}
	}

	.dengji {
		width: 112rpx;
		height: 48rpx;
		// border-radius: 1rpx;
		text-align: center;
		line-height: 32rpx;
		margin-right: 10rpx;
		position: relative;

		// background: linear-gradient(180deg, #FEF0BC 0%, #B98B51 100%);
		.dengjiimg {
			width: 112rpx;
			height: 48rpx;
		}

		.Wealthtext {
			position: absolute;
			top: 8rpx;
			left: 47rpx;
			color: #381F0B;
			font-size: 22rpx;
			font-weight: 600;
		}
	}

	.assbox {
		width: 84rpx;
		height: 40rpx;
		border-radius: 10rpx;
		text-align: center;
		line-height: 36rpx;
		background: linear-gradient(180deg, #CB5BCD 0%, #BA5BD8 100%);

		.autext {
			font-size: 24rpx;
			color: #fff;
		}
	}


	.number {
		height: 64rpx;
		display: flex;
		align-items: center;
	}
}

.info_editor {
	display: flex;
	align-items: center;
}

.setting_btn {
	flex-shrink: 0;
	width: 160rpx;
	height: 48rpx;
	border-radius: 25px;
	border: 1px solid #95969B;
	text-align: center;
	line-height: 48rpx;
	display: flex;
	justify-content: center;
	align-items: center;

	text {
		font-size: 24rpx;
		color: #333333;
	}

	.settimg {
		width: 14rpx;
		height: 34rpx;
		vertical-align: middle;
	}
}

.register_btn {
	display: flex;
	align-items: center;

	.starttitle {
		font-size: 36rpx;
		color: #333333;
		font-weight: 600;
		margin-left: 20rpx;
		margin-right: 5rpx;
	}

	.goimg {
		width: 32rpx;
		height: 32rpx;
	}
}


.lin1 {
	display: flex;
	align-items: center;

	.lin1_item {
		flex: 1;

		.num {
			font-size: 42rpx;
			color: #333333;
		}

		.num {
			color: #333333;
			font-weight: 600;
			font-size: 42rpx;
			text-align: center;
		}

		.lab {
			color: #666666;
			font-size: 24rpx;
			text-align: center;
			margin-bottom: 20rpx;
		}

		.num {
			position: relative;
			font-size: 42rpx;
			margin-bottom: 10rpx;
			font-weight: bold;
			color: #333333;
		}

		.numVal {
			position: absolute;
			top: -10rpx;
			right: 45rpx;
			height: 40rpx;
			width: 40rpx;
			border-radius: 50%;
			background: #FD4C61;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 14px;
			color: #fff;
		}
	}
}

.vipbox {
	width: 702rpx;
	height: 148rpx;
	background-image: url("https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711003831143208.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin: 20rpx 24rpx 36rpx;
	padding: 24rpx 20rpx;
	box-sizing: border-box;

	.vipimgbox {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.vipimg {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.viptext {
			font-size: 32rpx;
			color: #FFE4A8;
			font-weight: 600;
		}
	}

	.context {
		font-size: 24rpx;
		color: #D9B777;
	}

	.vipbutton {
		position: absolute;
		right: 32rpx;
		bottom: 42rpx;
		width: 194rpx;
		height: 64rpx;
		// padding: 10rpx 35rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background: linear-gradient(90deg, #E9CE99 0%, #DAB36C 100%);
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 28rpx;
			font-weight: 600;
			color: #381F0B;
			margin-right: 4rpx;
		}

		.rimg {
			width: 20rpx;
			height: 24rpx;
			vertical-align: middle;
		}
	}
}

.vipbox1 {
	width: 702rpx;
	height: 148rpx;
	background-image: url("https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711009564206713.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin: 17rpx 24rpx;
	padding: 24rpx 20rpx;
	box-sizing: border-box;

	.vipimgbox {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.vipimg {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.viptext {
			font-size: 32rpx;
			color: #381F0B;
			font-weight: 600;
		}
	}

	.context {
		font-size: 24rpx;
		color: #381F0B;
	}

	.vipbutton {
		position: absolute;
		right: 32rpx;
		bottom: 42rpx;
		width: 194rpx;
		height: 64rpx;
		// padding: 10rpx 26rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background: linear-gradient(90deg, #E9CE99 0%, #DAB36C 100%);
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 28rpx;
			font-weight: 600;
			color: #381F0B;
			margin-right: 4rpx;
		}

		.rimg {
			width: 20rpx;
			height: 24rpx;
			vertical-align: middle;
		}
	}
}

.vipbox2 {
	width: 702rpx;
	height: 148rpx;
	background-image: url("https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711009564206713.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin: 17rpx 24rpx;
	padding: 24rpx 20rpx;
	box-sizing: border-box;

	.vipimgbox {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.vipimg {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.viptext {
			font-size: 32rpx;
			color: #381F0B;
			font-weight: 600;
		}
	}

	.context {
		font-size: 24rpx;
		color: #381F0B;
	}

	.vipbutton {
		position: absolute;
		right: 32rpx;
		bottom: 42rpx;
		width: 194rpx;
		height: 64rpx;
		// padding: 10rpx 26rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background: linear-gradient(90deg, #E9CE99 0%, #DAB36C 100%);
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 28rpx;
			color: #381F0B;
			margin-right: 4rpx;
			font-weight: 600;
		}

		.rimg {
			width: 20rpx;
			height: 24rpx;
			vertical-align: middle;
		}
	}
}

.vipbox3 {
	width: 702rpx;
	height: 148rpx;
	background-image: url("https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1711010629770145.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin: 17rpx 24rpx;
	padding: 24rpx 20rpx;
	box-sizing: border-box;

	.vipimgbox {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.vipimg {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.viptext {
			font-size: 32rpx;
			color: #FCF0DA;
			font-weight: 600;
		}
	}

	.context {
		font-size: 24rpx;
		color: #FCF0DA;
	}

	.vipbutton {
		position: absolute;
		right: 32rpx;
		bottom: 42rpx;
		width: 194rpx;
		height: 64rpx;
		// padding: 10rpx 26rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background: linear-gradient(90deg, #E9CE99 0%, #DAB36C 100%);
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 28rpx;
			color: #381F0B;
			margin-right: 4rpx;
			font-weight: 600;
		}

		.rimg {
			width: 20rpx;
			height: 24rpx;
			vertical-align: middle;

		}
	}
}

.vipbox4 {
	width: 702rpx;
	height: 148rpx;
	background-image: url("https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/17110106912871052.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin: 17rpx 24rpx;
	padding: 24rpx 20rpx;
	box-sizing: border-box;

	.vipimgbox {
		display: flex;
		align-items: center;
		margin-bottom: 10rpx;

		.vipimg {
			width: 44rpx;
			height: 44rpx;
			margin-right: 10rpx;
		}

		.viptext {
			font-size: 32rpx;
			color: #FFE4A8;
			font-weight: 600;
		}
	}

	.context {
		font-size: 24rpx;
		color: #D9B777;
	}

	.vipbutton {
		position: absolute;
		right: 32rpx;
		bottom: 42rpx;
		width: 194rpx;
		height: 64rpx;
		// padding: 10rpx 26rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background: linear-gradient(90deg, #E9CE99 0%, #DAB36C 100%);
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 28rpx;
			color: #381F0B;
			margin-right: 4rpx;
			font-weight: 600;
		}

		.rimg {
			width: 20rpx;
			height: 24rpx;
			vertical-align: middle;
		}
	}
}

.myusebox {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #fff;
	border-radius: 16rpx;
	width: 702rpx;
	height: 148rpx;
	margin: 16rpx 24rpx;
	position: relative;

	.userTab {
		position: relative;

		&::after {
			content: '挥豆+1';
			position: absolute;
			right: -60rpx;
			top: -20rpx;
			background-color: #FC201C;
			font-size: 20rpx;
			color: white;
			padding: 5rpx 15rpx;
			border-radius: 25rpx 25rpx 25rpx 0;
		}
	}

	.myuse {
		position: relative;
		text-align: center;

		.myuseimg {
			width: 48rpx;
			height: 48rpx;
		}

		.usetext {
			font-size: 24rpx;
			color: #666666;
		}
	}

	.count_news {
		width: 36rpx;
		height: 36rpx;
		border-radius: 18rpx;
		font-size: 24rpx;
		color: #fff;
		background-color: #FD4C61;
		display: flex;
		justify-content: center;
		position: absolute;
		top: 25rpx;
		right: 214rpx;
	}
}

.nav_list {
	.nav_main {
		border-radius: 8rpx;
		overflow: hidden;
		width: 702rpx;
		margin: 0 24rpx;
		margin-bottom: 16rpx;
	}

	.Techntext {
		width: 100%;
		font-size: 28rpx;
		color: #333333;
		font-weight: bold;
		background-color: #fff;
		/* margin-left: 24rpx; */
		padding-left: 44rpx;
		padding-top: 20rpx;
	}

	.nav_item {
		width: 100%;
		height: 96rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		padding: 10rpx 24rpx;
		background-color: #fff;

		.nav_box {
			width: 100%;
			display: flex;
			align-items: center;
			flex: 1;
			position: relative;

			.diyMargin {
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}

			.nav_item_icon {
				width: 48rpx;
				height: 48rpx;
				margin-right: 24rpx;
			}

			.nav_img {
				width: 48rpx;
				min-width: 48rpx;
				max-width: 48rpx;
				height: 48rpx;
				margin: 0 20rpx;
			}

			.nav_text {
				font-size: 28rpx;
				color: #333333;
			}

			.diyInvite {
				position: relative;

				&::after {
					content: '赚挥豆';
					position: absolute;
					right: -110rpx;
					top: -10rpx;
					background-color: #FC201C;
					font-size: 22rpx;
					color: white;
					padding: 5rpx 15rpx;
					border-radius: 25rpx 25rpx 25rpx 0;
				}
			}
		}

		.rimg {
			width: 32rpx;
			height: 32rpx;
			display: block;
		}

		&::after {
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			height: 2rpx;
			content: '';
			transform: scaleY(.6);
			// background-color: #404040;
		}

		.new_ad {
			color: #ffff00;
		}

		&.number:after {
			height: 0
		}

		.con {
			flex: 1;
			// padding-left: 12rpx;

		}

		.icon {
			height: 40rpx;
			width: 40rpx;
			display: flex;
			align-items: center;
			justify-content: center;

		}


	}

	.number {
		background: linear-gradient(90deg, #212121 0%, #313131 100%);
		box-shadow: 0px 6rpx 16rpx 0px rgba(0, 0, 0, 0.5);
		border-radius: 8rpx;
		border: 2rpx solid #4A4A4A;
		margin-left: 32rpx;
		margin-right: 32rpx;
		padding-left: 24rpx;
		padding-right: 24rpx;
	}

}

.mt40 {
	margin-top: 40rpx;
}

.user_tips1 {
	text-align: center;
	line-height: 54rpx;
	color: #ff5722;
	position: relative;
	font-size: 24rpx;

	image {
		width: 25rpx;
		height: 25rpx !important;
		position: absolute;
		top: 16rpx;
		right: 40rpx;

	}
}

.user_tips {

	border: 1px solid rgba(253, 249, 246, 0.4);
	text-align: center;
	line-height: 54rpx;
	color: #B6722E;

	font-size: 24rpx;
}



.page_top {
	position: fixed;
	top: 0;
	left: 0;
	width: 750rpx;
	box-sizing: border-box;
	background: transparent;
	z-index: 9999;

	.tabs {
		height: 48px;
		display: flex;
		font-size: 32rpx;
		align-items: center;
		justify-content: center;
		font-weight: bold;

		image {
			width: 52rpx;
			height: 52rpx;
		}
	}
}

.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40vh;
	z-index: -1;

	image {
		width: 100%;
		height: 100%;
	}
}

.vipBox {
	width: 702rpx;
	background: linear-gradient(144deg, #252422 0%, #3C3933 100%);
	border-radius: 16rpx;
	padding: 24rpx 40rpx;
	box-sizing: border-box;
	margin: 20rpx auto 32rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;

	view {
		color: #E7CB98;
	}

	.vip_info {
		display: flex;
		align-items: center;

		.vip_icon {
			width: 56rpx;
			height: 56rpx;
			margin-right: 24rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.vip_text {
			.vip_tit {
				font-weight: bold;
				font-size: 32rpx;

				text {
					color: #E7CB98;
				}

				.vip {
					margin-left: 4rpx;
					font-style: italic;
				}
			}

			.vip_lit {
				font-size: 24rpx;
			}
		}
	}

	.vipbutton {
		width: 160rpx;
		height: 48rpx;
		box-sizing: border-box;
		background: linear-gradient(280deg, #E9C882 0%, #FFE1A3 100%);
		border-radius: 24rpx;
		display: flex;
		justify-content: center;
		align-items: center;

		.vipcon {
			font-size: 24rpx;
			font-weight: bold;
			color: #381F0B;
			margin-right: 4rpx;
		}

		.rimg {
			width: 16rpx;
			height: 24rpx;
			vertical-align: middle;
		}
	}
}

.vipBox_is {
	background-image: url('https://golfdate.oss-cn-shenzhen.aliyuncs.com/upload/1716364466371360.png');
	background-position: center;
	background-size: cover;

	.vip_text {
		view {
			color: #333;
		}

		text {
			color: #333 !important;
		}
	}

	.vipbutton {
		background: linear-gradient(130deg, #535250 0%, #3C3934 100%);

		.vipcon {
			color: #E1D0AB;
		}
	}
}

.sign_box {

	width: 75vw;
	position: relative;

	image {
		width: 100%;
		height: 100%;
	}

	.sign_img {
		background: #FFFFFF;
		border-radius: 32rpx 32rpx 0 0;
	}

	.sign_info {
		padding: 40rpx 54rpx 32rpx;
		background: #FFFFFF;
		border-radius: 0 0 32rpx 32rpx;

		.sign_tit {
			font-weight: bold;
			font-size: 42rpx;
			text-align: center;
			color: #092158;
		}

		.sign_num {
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 24rpx 0 18rpx;

			.num_icon {
				width: 48rpx;
				height: 48rpx;
				margin-right: 8rpx;

			}

			.num_count {
				font-weight: bold;
				font-size: 48rpx;
				color: #706EEE;
			}
		}

		.sign_lit {
			text-align: center;
			font-weight: 500;
			font-size: 28rpx;
			color: #4F5F83;
		}

		.sign_btn {
			margin-top: 32rpx;
			text-align: center;
			background: #706EEE;
			border-radius: 44rpx;
			padding: 22rpx 0;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}

	.sign_close {
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		bottom: -88rpx;
		left: 50%;
		transform: translate(-50%, 0%);
	}
}

.unReadNum {
	max-width: 48rpx;
	min-width: 32rpx;
	height: 32rpx;
	position: absolute;
	right: -30rpx;
	top: -10rpx;
	font-size: 24rpx;
	background-color: #FC201C;
	color: white;
	padding: 5rpx;
	border-radius: 30rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}
</style>